<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <svg xmlns="http://www.w3.org/2000/svg" height="80" width="80">
        <!-- 设置底色的圆环 -->
        <circle cx="40" cy="40" r="25" fill="none" stroke="#B0B2C4" stroke-width="3" stroke-linecap="round">
        </circle>
        <!-- 设置进度条 -->
        <circle class="compelete" cx="40" cy="40" r="20" stroke-width="5" stroke-linecap="round"
            fill="rgb(88, 198, 205)" stroke-dasharray="0,1000"></circle>
        <!-- 设置文本 -->
        <path d="M 35,35 H 40 V 40 H 30 L 30 30 " />
        <!-- <line x1="33" x2="40" y1="35" y2="45" stroke="white" stroke-width="3" stroke-linejoin="round" />
        <line x1="33" x2="60" y1="35" y2="60" stroke="white" stroke-width="3" transform="rotate(90,60,40)" /> -->
    </svg>
</body>

</html>